#slides {
    display: none;
    /*height: 200px;*/
}

    #slides .slidesjs-navigation {
        margin-top: 3px;
    }

    #slides .slidesjs-previous {
        margin-right: 5px;
        float: left;
        display: none;
    }

    #slides .slidesjs-next {
        margin-right: 5px;
        float: left;
        display: none;
    }

.pro {
    width: 296px;
    height: 284px;
    overflow: hidden;
    position: relative;
}

    .pro .slide {
        position: relative;
    }

        .pro .slide > li {
            width: 296px;
            height: 284px;
        }
        .pro .slide img  {
            width: 296px;
            height: 284px;
        }
    .pro .ctrl {
        position: absolute;
        right: 20px;
        bottom: 15px;
        height: 11px;
    }

        .pro .ctrl > li {
            width: 11px;
            height: 11px;
            border-radius: 50%;
            overflow: hidden;
            margin-left: 5px;
            cursor: pointer;
            background-color: #fff;
        }

            .pro .ctrl > li.on {
                background-color: #01a1ff;
            }

    .pro > a {
        position: absolute;
        top: 50%;
        margin-top: -24px;
    }

        .pro > a.prev {
            left: 16px;
        }

        .pro > a.next {
            right: 16px;
        }
/*.slidesjs-control {
z-index:-5;
}*/
.slidesjs-pagination {
    /*margin: 6px 0 0;
    float: right;
    list-style: none;*/
    /*position: absolute;
    z-index: 100;
    top: 258px;
    height: 15px;
    right: 30px;
    padding: 0;
    margin: 0 0 0 0px;*/
    position: relative;
    z-index: 100;
    top: -35px;
    height: 15px;
    float: right;
    /*margin-right: 100px;*/
    padding: 0;
    margin: 0 50px 0 0px;
}

@media screen and (max-width: 479px) {
    .slidesjs-pagination {
        margin: 0 20px 0 0px;
    }
}

.slidesjs-pagination li {
    /*float: left;
        margin: 0 1px;*/
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    line-height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    background: #535353;
    overflow: hidden;
    padding: 0;
    margin: 3px 8px 0 0;
    text-align: center;
}

    .slidesjs-pagination li a {
        display: block;
        width: 13px;
        height: 0;
        padding-top: 13px;
        /*background-image: url(img/pagination.png);*/
        background-position: 0 0;
        float: left;
        overflow: hidden;
    }

        .slidesjs-pagination li a.active,
        .slidesjs-pagination li a:hover.active {
            background-position: 0 -13px;
            background: #860e0e;
        }

        .slidesjs-pagination li a:hover {
            background-position: 0 -26px;
        }

#slides a:link,
#slides a:visited {
    color: #333;
}

#slides a:hover,
#slides a:active {
    color: #9e2020;
}

.navbar {
    overflow: hidden;
}

#slides {
    display: none;
}

.container {
    margin: 0 auto;
}

/* For tablets & smart phones */
/*@media (max-width: 767px) {
    body {
        padding-left: 20px;
        padding-right: 20px;
    }

    .banner {
        width: auto;
    }
}*/

/* For smartphones */
/*@media (max-width: 480px) {
    .banner {
        width: auto;
    }
}*/

/* For smaller displays like laptops */
/*@media (min-width: 768px) and (max-width: 979px) {
    .banner {
        width: 724px;
    }
}*/

/* For larger displays */
/*@media (min-width: 1200px) {
    .banner {
        width: 1170px;
    }
}*/